//公用头部文件
@import "common.less";
#header{
    //头部广告位
    .adWrap{
        background:@redcolor;
        .headAd{
             .mauto; 
            width: @allwidth;
        }
    }
    //头部登陆信息开始
    .toptopare{
        background:#F7F7F7;
        height:33px;
        border-bottom:1px solid #CCCCCC;
        line-height: 33px;
        .arewarp{
            width:@allwidth;
            .mauto;
            color:#808080;
            .welcome{
                a{
                    color:#808080;
                    &:hover{
                        color:@redcolor;
                    }
                }
                .flf;
            }
        }
        .orderads{
            .flf;
            a{
                color:#808080;
                margin-left:20px;
                &:hover{
                    color:@redcolor;
                }
            }
        }
        //右边下拉菜单 
        //右边下拉菜单 
        .droplist{
            margin-top:5px;
            .flr;
            div{
                width:70px;
                height:22px;
                .flf;
                line-height: 20px;
                text-indent: 5px;
                margin-left:15px;
                .posr;
                z-index:100;
                &.active{
                    background: url(../Img/spritesbgtop.png) no-repeat 0 -40px;
                    width:70px;
                    height:22px;
                }
                //下拉菜单 
                .myVanclList{
                    display: none;
                    li{
                      
                    z-index:10;
                    margin-top:-2px;
                    width:70px;
                    height:15px;
                    background: url(../Img/spritesbgtop.png) no-repeat 0 -43px;
                    &.liBottom{
                        width:70px;
                        height:10px;
                        background: url(../Img/spritesbgtop.png) no-repeat 0 -65px;
                      }
                    }
                }
                
                a{
                    color:#808080;
                }
                span{
                    .dsb;
                    width:9px;
                    height:4px;
                    background:url(../img/vanclsprite.png) no-repeat -4px -5px;
                    .posb(10px,4px);
                }
            }
        }
    }
    //logo区
    .logoArea{
        width: @width2;
//      .of;
        .mauto;
        margin-top:15px;
        .logo{
            .dsb;
            margin-left:40px;
            width:166px;
            height:47px;
            .flf;
            background:url(../Img/vanclsprite2.png) no-repeat 0 -59px;
        }
        //搜索区
         .serachArea{
             margin-bottom:20px;
             margin-top:15px;
             width:558px;
             height:58px;
             .flr;
             .searchTopAre{
                 .flf;
                 //搜索框
                 .searchInput{
                    .flf;
                    border:1px solid #C9CACA;
                    //搜索表单
                    #inputBox{
                        .dsb;
                        width:390px;
                        height:29px;
                        
                        .flf;
                        border:none;
                        text-indent: 10px;
                        }
                    }
                    //搜索按钮
                    #searchBtn{
                        width:47px;
                        height:30px;
                        background:@redcolor;
                        border:none;
                        border-left:1px solid #C9CACA;
                        color:white;
                        .flf;
                    }
                  .shopCart{
                    .flf;
                    width:105px;
                    height:30px;
                    color:white;
                    background:#B81B22;
                    .tcc(30px);
                    margin-left:10px;
                    border:1px solid #C1383E;
                    }
                  
             }  
             //热门关键字
             .hotKeyword{
                      color:#727171;
                      a{
                          color:#727171;
                          &:hover{
                              color:@redcolor;
                          }
                      }
                      height:35px;
                      margin-left:15px;
                      line-height: 35px;
                  }
             
         }
    }
    #navbar{
        .clear;
        .mauto;
       width:@width2; 
       height:49px;
       .navFirst{
           .posr;
           cursor: pointer;
           .flf;
           .downArrowTop{
               .dsb;
               width:20px;
               height:14px;
               background:url(../Img/vanclsprite2.png) no-repeat -380px -206px;
               .posa(18px,208px);
           }
           height:49px;
           width:260px;
           background: @redcolor;
           color:white;
           font-size:17px;
           .ff;
           line-height: 49px;
           text-indent: 50px;
       }
       //导航 
       .navList{
           
           .of;
           height:49px;
           .tcc(49px);
           background:#EFEFEF;
           li{
               .flf;
               a{
                    padding:0 34px;
                   .ff;
                   font-size:17px;
                   .dsb;
                   &:hover{
                       background:#E5E6E6;
                   }
                   
               }
           }
       }
    }
    //页脚
    .footerBotoom{
       padding:10px 0;
       .copy{
           text-align: center;
           .ff;
       }
       .gsImg{
           width:700px;
           .mauto;
           height:50px;
           margin-top:30px;
           .of;
           a{
               .flf;
               margin-left:30px;
               .dsb;
               &.gsImg1{
                   width:113px;
                   height:40px;
                   background: url(../Img/spritesbgtop.png) no-repeat 0 -582px;
               }
               &.gsImg2{
                   width:156px;
                   height:45px;
                   background: url(../Img/spritesbgtop.png) no-repeat 0 -629px;
               }
               &.gsImg3{
                   width:96px;
                   height:42px;
                   background: url(../Img/spritesbgtop.png) no-repeat 0 -675px;
               }
               &.gsImg4{
                   width:101px;
                   height:42px;
                   background: url(../Img/spritesbgtop.png) no-repeat -97px -675px;
               }
               &.gsImg5{
                   width:42px;
                   height:42px;
                   background: url(../Img/spritesbgtop.png) no-repeat -202px -675px;
               }
           }
           
       }
    }
}
#content{
    width:@width2;
    .mauto;
    //面包屑
    .location{
        margin-top:20px;
        color:#888888;
        a{
            color:#888888;
            &:hover{
                color:@redcolor;
            }
        }
    }
    .main{
        margin-top:10px;
        .of;
       //个人中心左边
        .left{
            .title{
                border:1px solid #C8C8C8;
                padding:5px 0;
                .of;
                line-height: 20px;
                .homeicon{
                    .flf;
                    margin-left:25px;
                    .dsb;
                    width:18px;
                    height:20px;
                    background: url(../Img/01.jpg);    
                }
                a{.flf;margin-left:5px;font-weight: bold;color:#333;}
                
            }
            .flf;
            width:180px;
            //菜单列表
            .menuList{
                margin-top:10px;
                border:1px solid #C8C8C8;
                dl{
                    width:179px;
                    text-align: center;
                    dt{
                        height:30px;
                        background:#7E7E7E;
                        color:white;
                        .tcc(30px);
                        font-weight: 700;
                    }
                    dd{
                        padding:0 10px;
                        a{
                            .posr;
                            
                        border-bottom:1px dotted #C8C8C8;
                            .dsb;
                            padding:5px;
                            .ff; 
                            .leftArrow{
                                .dsb;
                                .zfx(9px);
                                background: url(../Img/side-nav.gif) no-repeat -139px -70px;
                                .flr;
                                margin-top:4px;
                                margin-right:5px;
                            } 
                          }
                        
                        text-align: left;
                        text-indent: 30px;
                    }
                }
            }
        }
    }
}
//页脚
#foot{
    width:@width2;
    height:190px;
    .mauto;
    .footerList{
        border:1px solid #CCCCCC;
        margin-top:40px;
        margin-bottom:30px;
        padding:25px 0 20px 0;
        .of;
        .center{
            .of;
            text-align: center;
            dl{
                .flf;
                height:150px;
                padding:0 10px;
                border-right: 1px solid #E0E0E1;
                a{
                    &:hover{
                        color:@redcolor;
                    }
                }
                dt{
                    a{
                        color:#333;
                        font-size:14px;
                        .dsb;
                        width:140px;
                        .ff; 
                        line-height: 40px;  
                    }
                    
                }
                dd{
                     a{
                       color:#333;
                       line-height: 20px;
                      .ff;   
                      }
                       
                }
            }
        }
    }
    //条款图片
    .footerListImg{
        border-bottom:1px solid black;
        .of;
        .wrapImg{
            width:240px;
            height:52px;
            .flf;
            a{
                .dsb;
                padding:10px 0;
            }
            .img1{
                width:127px;
                height:27px;
                background: url(../Img/vanclsprite.png) 0 -128px;
                .mauto;
            }
            .img2{
                width:163px;
                height:27px;
                background: url(../Img/vanclsprite.png) 0 -170px;
                .mauto;
            }
            .img3{
                width:163px;
                background: url(../Img/vanclsprite.png) 0 -212px;
                .mauto;
            }
            .img4{
                width:159px;
                height:27px;
                background: url(../Img/vanclsprite.png) 0 -254px;
                .mauto;
            }
        }
    }
    //页脚
    .footerBotoom{
       padding:10px 0;
       .copy{
           text-align: center;
           .ff;
       }
       .gsImg{
           width:700px;
           .mauto;
           height:50px;
           margin-top:30px;
           .of;
           a{
               .flf;
               margin-left:30px;
               .dsb;
               &.gsImg1{
                   width:113px;
                   height:40px;
                   background: url(../Img/spritesbgtop.png) no-repeat 0 -582px;
               }
               &.gsImg2{
                   width:156px;
                   height:45px;
                   background: url(../Img/spritesbgtop.png) no-repeat 0 -629px;
               }
               &.gsImg3{
                   width:96px;
                   height:42px;
                   background: url(../Img/spritesbgtop.png) no-repeat 0 -675px;
               }
               &.gsImg4{
                   width:101px;
                   height:42px;
                   background: url(../Img/spritesbgtop.png) no-repeat -97px -675px;
               }
               &.gsImg5{
                   width:42px;
                   height:42px;
                   background: url(../Img/spritesbgtop.png) no-repeat -202px -675px;
               }
           }
           
       }
    }
}
